<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="copyright" content="首页">
    <meta name="author" content="首页">
    <title>第一次结果</title>
    <link rel="stylesheet" href="./static/css/basic.css" />
    <link rel="stylesheet" href="./static/css/style.css" />
    <link rel="stylesheet" href="./static/css/swiper.min.css">
    <script src="./static/js/jquery-1.11.0.min.js"></script>
    <script src="./static/js/swiper.jquery.min.js"></script>
  </head>

  <body>
    
    <div class="top-msg pai green-bg">当前为第一次查询，为正品的身份码！</div>
    <div class="result m1-box">
      <div class="tag-list-title"><img src="./static/images/title_logo.png" alt="">产品身份证信息</div>
      <div class="item-row">
        <p class="labal">第一次查询时间</p>
        <p class="number">2025/06/19 23:10:03</p>
      </div>
      <div class="item-row">
        <p class="labal">区块编号</p>
        <p class="number">5722790</p>
      </div>
      <div class="item-row">
        <p class="labal">区块Hash</p>
        <p class="number">6ddb2070ac4a112a02602e2fd47bb32ba0c2fd166f2bb036090b07306755769c</p>
        <img src="./static/images/logo1.png" alt="验证通过" class="verification-success top2">
      </div>
      <div class="item-row item-row1">
        <div class="labal">*产品身份码由<a class="inlineBlock"><span><img src="./static/images/logo2.png" alt="logo">满天星链</span></a>技术存证</div>
      </div>
      <div class="audio">
        <div class="video-block">
          <div class="video-icon show"><img src="./static/images/play.png" alt="停止" class="pause">播放语音</div>
          <div class="video-icon hide">
            <svg xmlns="http://www.w3.org/2000/svg" class="play" viewBox="0 0 135 140" fill="#ff840b"
              style="width: 0.3rem; height: 0.3rem;">
              <rect y="22.2267" width="15" height="95.5467" rx="6">
                <animate attributeName="height" begin="0.5s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120"
                  calcMode="linear" repeatCount="indefinite"></animate>
                <animate attributeName="y" begin="0.5s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                  repeatCount="indefinite"></animate>
              </rect>
              <rect x="30" y="34.7267" width="15" height="70.5467" rx="6">
                <animate attributeName="height" begin="0.25s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120"
                  calcMode="linear" repeatCount="indefinite"></animate>
                <animate attributeName="y" begin="0.25s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                  repeatCount="indefinite"></animate>
              </rect>
              <rect x="60" width="15" height="45.5467" rx="6" y="47.2267">
                <animate attributeName="height" begin="0s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120"
                  calcMode="linear" repeatCount="indefinite"></animate>
                <animate attributeName="y" begin="0s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                  repeatCount="indefinite"></animate>
              </rect>
              <rect x="90" y="34.7267" width="15" height="70.5467" rx="6">
                <animate attributeName="height" begin="0.25s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120"
                  calcMode="linear" repeatCount="indefinite"></animate>
                <animate attributeName="y" begin="0.25s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                  repeatCount="indefinite"></animate>
              </rect>
              <rect x="120" y="22.2267" width="15" height="95.5467" rx="6">
                <animate attributeName="height" begin="0.5s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120"
                  calcMode="linear" repeatCount="indefinite"></animate>
                <animate attributeName="y" begin="0.5s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                  repeatCount="indefinite"></animate>
              </rect>
            </svg>
            暂停语音
          </div>
          尊敬的客户您好，您所查询的是法国宝弘生产的品牌产品，是正牌产品的身份码，欢迎再次选购。
        </div>
      </div>
      
    </div>
    
    <div class="result">
      <div class="tag-list-title"><img src="./static/images/title_logo1.jpg" alt="">综合防伪技术</div>
      <div class="m2-content"><img src="./static/images/9FAEC02829F7D40F54EAD64B4BFB6F2C.png" alt="" /></div>
    </div>
    
    <div class="result m3-box">
      <div class="tag-list-title"><img src="./static/images/title_logo2.png" alt="">产品信息</div>
      <ul>
        <li class="item">
          <span class="lab">企业名称</span>
          <span class="intro">Boiron SA</span>
        </li>
        <li class="item">
          <span class="lab">产品名称</span>
          <span class="intro">Boiron 宝 弘 止 痒 修 复 膏<br> Cicaderma</span>
        </li>
      </ul>
    </div>




    <div class="pup on">
      <div class="bg"></div>
      <div class="modal">
        <div class="search-number green-bg">
          <div class="closeBtnBox"><span class="am-modal-close-x closeBtn"><img src="./static/images/close.png" alt="" /></span></div>
          <div class="number"><img src="./static/images/z.png" alt="正"></div>
          <p class="intro">当前为第一次查询，为正品的身份码！</p>
        </div>
        <div class="item-block">
          
          <div class="antiListContent___17g9U">
            <div class="item-row">
              <p class="labal">第一次查询时间</p>
              <p class="number">2025/06/19 23:10:03</p>
            </div>
            <div class="item-row">
              <p class="labal">区块编号</p>
              <p class="number">5722790</p>
            </div>
            <div class="item-row">
              <p class="labal">区块Hash</p>
              <p class="number">6ddb2070ac4a112a02602e2fd47bb32ba0c2fd166f2bb036090b07306755769c</p>
              <img src="./static/images/logo1.png" alt="验证通过" class="verification-success top2">
            </div>
            <div class="item-row item-row1">
              <div class="labal">*产品身份码由<a class="inlineBlock"><span><img src="./static/images/logo2.png" alt="logo">满天星链</span></a>技术存证</div>
            </div>
            <div class="audio">
              <div class="video-block">
                <div class="video-icon show"><img src="./static/images/play.png" alt="停止" class="pause">播放语音</div>
                <div class="video-icon hide">
                  <svg xmlns="http://www.w3.org/2000/svg" class="play" viewBox="0 0 135 140" fill="#ff840b"
                    style="width: 0.3rem; height: 0.3rem;">
                    <rect y="22.2267" width="15" height="95.5467" rx="6">
                      <animate attributeName="height" begin="0.5s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120"
                        calcMode="linear" repeatCount="indefinite"></animate>
                      <animate attributeName="y" begin="0.5s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                        repeatCount="indefinite"></animate>
                    </rect>
                    <rect x="30" y="34.7267" width="15" height="70.5467" rx="6">
                      <animate attributeName="height" begin="0.25s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120"
                        calcMode="linear" repeatCount="indefinite"></animate>
                      <animate attributeName="y" begin="0.25s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                        repeatCount="indefinite"></animate>
                    </rect>
                    <rect x="60" width="15" height="45.5467" rx="6" y="47.2267">
                      <animate attributeName="height" begin="0s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120"
                        calcMode="linear" repeatCount="indefinite"></animate>
                      <animate attributeName="y" begin="0s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                        repeatCount="indefinite"></animate>
                    </rect>
                    <rect x="90" y="34.7267" width="15" height="70.5467" rx="6">
                      <animate attributeName="height" begin="0.25s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120"
                        calcMode="linear" repeatCount="indefinite"></animate>
                      <animate attributeName="y" begin="0.25s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                        repeatCount="indefinite"></animate>
                    </rect>
                    <rect x="120" y="22.2267" width="15" height="95.5467" rx="6">
                      <animate attributeName="height" begin="0.5s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120"
                        calcMode="linear" repeatCount="indefinite"></animate>
                      <animate attributeName="y" begin="0.5s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear"
                        repeatCount="indefinite"></animate>
                    </rect>
                  </svg>
                  暂停语音
                </div>
                尊敬的客户您好，您所查询的是法国宝弘生产的品牌产品，是正牌产品的身份码，欢迎再次选购。
              </div>
            </div>
            <img src="./static/images/bottom2.png" style="width: 100%; display: block;" alt="">
          </div>
        </div>
      </div>
      
    </div>
    
    <script>
      $(function() {
       
        $('.video-icon').click(()=>{
          $('.video-block').toggleClass('on')
        })
        $('.closeBtn').click(()=>{
          $('.pup').toggleClass('on')
        })
        
      })
    </script>
  </body>
</html>